<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>yibo</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Google Web Fonts -->

    <!-- Icon Font Stylesheet -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link rel="stylesheet" href="css/tap.css">
    <link rel="stylesheet" href="/css/bootstrap-icons-1.10.0/bootstrap-icons.css">
    <script src="/js/jquery.min.js"></script>
    <style>
        #scrollable {
            background: white;
            box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
        }

        .nav-item {
            color: #000 !important;
        }
        .last {
            /*left: 40%!important;*/
        }
    </style>

</head>
<body>

<!-- Spinner Start -->
<div id="spinner"
     class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
    <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
        <span class="sr-only">Loading...</span>
    </div>
</div>
<!-- Spinner End -->


<!-- Navbar & Hero Start -->
<div id="header" class="sticky-top"></div>
<script>
    $('#header').load('/components/header.html')
</script>
<!-- Navbar & Hero End -->
<!-- 团队 -->
<div class="bg-portfolio container-fluid py-xl-5 pt-5">
    <div class="container py-xl-5 pt-5">
        <!-- 标题 -->
        <div class="wow fadeInUp text-center position-relative" data-wow-delay="0.1s">
            <div class="fs-6 mx-xl-5 px-xl-5 text-white">
                义柏搭建“4+3”服务体系，包括私募融资、并购、基金、产业落地等，同时提供产业资源链接、人才资源链接、专业服务链接等服务，打造成为国内首屈一指的创新生态合作网络。
            </div>
        </div>
        <!-- 标题 End -->
        <div class="row mt-5 mx-xl-5 wow fadeInUp" data-wow-delay="0.1s">
            <div class="px-0 col position-relative">
                <div class="row">
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div style="background: unset" class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                    </div>
                    <div class="last flex-fill block block-bg d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="px-0 col position-relative">
                <div class="row">
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div style="background: unset" class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                    </div>
                    <div class="last flex-fill block block-bg d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="px-0 col position-relative">
                <div class="row">
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div style="background: unset" class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                    </div>
                    <div class="last flex-fill block block-bg d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="px-0 col position-relative">
                <div class="row">
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 团队 End -->
<!-- 案例 -->
<div class="bg-anli bg-white container-fluid py-5">
    <div class="container py-xl-5 py-xl-5">
        <!-- 标题 -->
        <div class="pb-5 text-center wow fadeInUp" data-wow-delay="0.1s">
            <span class="part-title fs-5 text-dark">服务案例</span>
            <div class="fs-6 mx-xl-5 px-xl-5" style="color: #041c57">
                从价值本质出发，坚持以终为始的价值判断，成为科技创业者们可信赖的“贴身参谋部”与“外部合伙人”
            </div>
        </div>
        <!-- 标题 End -->
        <ul class="nav nav-tabs wow fadeInUp flex-xl-row flex-column" data-wow-delay="0.1s" id="myTab" role="tablist">
            <li class="nav-item" role="presentation">
                <a class="nav-link active" id="1-tab" data-bs-toggle="tab" href="#_1" role="tab" aria-controls="_1" aria-selected="true">高端制造</a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link" id="2-tab" data-bs-toggle="tab" href="#_2" role="tab" aria-controls="_2" aria-selected="false">人工智能</a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link" id="3-tab" data-bs-toggle="tab" href="#_3" role="tab" aria-controls="_3" aria-selected="false">机器人</a>
            </li>
        </ul>
        <div class="tab-content mt-3 wow fadeInUp" data-wow-delay="0.1s" id="myTabContent">
            <div class="tab-pane fade show active" id="_1" role="tabpanel" aria-labelledby="1-tab">
                <div class="row gy-3">
                    <div class="col-6 col-xl-2 anli-item">
                        <div class="bg-white border rounded text-center pb-2">
                            <img class="w-75" src="/static/index/apicloud.png" alt="">
                            <img class="w-75 m-auto d-none" src="/static/index/apicloud-w.png" alt="">
                            <div class="text" style="color: #0f2b59">api云</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="_2" role="tabpanel" aria-labelledby="2-tab">
                <div class="row gy-3">
                    <div class="col-6 col-xl-2 anli-item">
                        <div class="bg-white border rounded text-center pb-2">
                            <img class="w-75" src="/static/index/apicloud.png" alt="">
                            <img class="w-75 m-auto d-none" src="/static/index/apicloud-w.png" alt="">
                            <div class="text" style="color: #0f2b59">api云</div>
                        </div>
                    </div>
                    <div class="col-6 col-xl-2 anli-item">
                        <div class="bg-white border rounded text-center pb-2">
                            <img class="w-75" src="/static/index/apicloud.png" alt="">
                            <img class="w-75 m-auto d-none" src="/static/index/apicloud-w.png" alt="">
                            <div class="text" style="color: #0f2b59">api云</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="_3" role="tabpanel" aria-labelledby="3-tab">
                <div class="row gy-3">
                    <div class="col-6 col-xl-2 anli-item">
                        <div class="bg-white border rounded text-center pb-2">
                            <img class="w-75" src="/static/index/apicloud.png" alt="">
                            <img class="w-75 m-auto d-none" src="/static/index/apicloud-w.png" alt="">
                            <div class="text" style="color: #0f2b59">api云</div>
                        </div>
                    </div>
                    <div class="col-6 col-xl-2 anli-item">
                        <div class="bg-white border rounded text-center pb-2">
                            <img class="w-75" src="/static/index/apicloud.png" alt="">
                            <img class="w-75 m-auto d-none" src="/static/index/apicloud-w.png" alt="">
                            <div class="text" style="color: #0f2b59">api云</div>
                        </div>
                    </div>
                    <div class="col-6 col-xl-2 anli-item">
                        <div class="bg-white border rounded text-center pb-2">
                            <img class="w-75" src="/static/index/apicloud.png" alt="">
                            <img class="w-75 m-auto d-none" src="/static/index/apicloud-w.png" alt="">
                            <div class="text" style="color: #0f2b59">api云</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 案例 End -->

<div id="footer"></div>
<script>
    $('#footer').load('/components/footer.html')
</script>
<!-- JavaScript Libraries -->
<script src="/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>

</html>
